<template>
	<view class="list-box">
		<view class="list-item box-border  f-row jc-sb ai-c" @tap="jumpPages(i.url,i.id)" v-for="i in list" :key="i.id">
			<view class="f-row ai-c">
				<image :src="i.iconUrl" mode="" class="icon"></image>
				<text>
					{{i.title}}
				</text>
			</view>
			<view class="right">
				<view class="je">
				<!-- 	￥200.00 -->
				</view>
				<view class="jiantou">

				</view>
			</view>
		</view>
		<u-modal :show="show" :closeOnClickOverlay="true" :showCancelButton='true' :title="'提示'" @confirm='confirm'
			@cancel='cancel' :content="'是否退出登录？'" confirmColor="#157DFA"></u-modal>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				list: [{
						id: 1,
						title: '累计佣金',
						iconUrl: '/static/icon/my/5.png',
						url: '/my_pages/informationModify/informationModify'
					}, {
						id: 2,
						title: '已提现佣金',
						iconUrl: '/static/icon/my/2.png',
						// url: `/my_pages/cardLIst/cardLIst`,
						url: `/my_pages/myCard/myCard`,
					},
					// {
					// 	id: 3,
					// 	title: '待接收卡数量',
					// 	iconUrl: '/static/icon/my/3.png',
					// 	url: '/pages/withdraw/WithdrawalDetails/WithdrawalDetails'
					// },
					// {
					// 	id: 4,
					// 	title: '我的实体卡',
					// 	iconUrl: '/static/icon/my/4.png',
					// 	url: '/my_pages/myTeach/myTeach'
					// },
					{
						id: 5,
						title: '推广链接',
						iconUrl: '/static/icon/my/5.png',
						url: '/my_pages/myTeach/myTeach'
					},
					{
						id: 6,
						title: '我的消息',
						iconUrl: '/static/icon/my/6.png',
						url: '/my_pages/myTeach/myTeach'
					},
					// {
					// 	id: 7,
					// 	title: '洗车教程',
					// 	iconUrl: '/static/icon/my/7.png',
					// 	url: '/my_pages/myTeach/myTeach'
					// },
					// {
					// 	id: 8,
					// 	title: '兑换码',
					// 	iconUrl: '/static/icon/my/8.png',
					// 	url: '/my_pages/redeemCode/redeemCode'
					// },
				]
			}
		},
		methods: {
			confirm() {
				this.$emit('changeInfo', true)
				this.show = false
			},
			cancel() {
				this.show = false
			},
			jumpPages(url, id) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.list-box {
		// z-index: 999;
		border-radius: 40rpx 40rpx 0 0;
		padding: 0 40rpx;
		margin-top: 0;
		border-radius: 40rpx 40rpx 0 0;
		background: #fff;
		position: relative;
		// top: -20px;
	}
	.right{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.je {
		margin-right: 20rpx;
		color: #081738;
	}

	.list-item {
		height: 100upx;
		line-height: 100upx;
		border-bottom: 1upx solid #ECECEC;
	}

	.list-item:last-child {
		border: none;
	}

	text {
		color: #4D4D4D;
		font-size: 28upx
	}

	.icon {
		width: 30upx;
		height: 30upx;
		margin-right: 20upx;
	}
</style>